<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>添加客户</title>

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <link rel="stylesheet" type="text/css"
          href="<%=request.getContextPath()%>/jquery/jquery.datepick.css">
    <script type="text/javascript"
            src="<%=request.getContextPath()%>/jquery/jquery-1.8.3.min.js"></script>
    <script type="text/javascript"
            src="<%=request.getContextPath()%>/jquery/jquery.datepick.js"></script>
    <script type="text/javascript"
            src="<%=request.getContextPath()%>/jquery/jquery.datepick-zh-CN.js"></script>
    <script type="text/javascript"
            src="<%=request.getContextPath()%>/js/common.js"></script>

    <script type="text/javascript">
        $(function () {
            //yy-mm-dd 对应: java的 yyyy-MM-dd
            $("#birthday").datepick({
                dateFormat: "yy-mm-dd"
            });
        });

        function add() {
            $(".error").text("");
            var bool = true;
            if (!$(":text[name=cname]").val()) {
                $("#cnameError").text("客户名称不能为空");
                bool = false;
            }
            if (!$("#male").attr("checked") && !$("#female").attr("checked")) {
                $("#genderError").text("客户性别不能为空");
                bool = false;
            }
            if (!$(":text[name=cellphone]").val()) {
                $("#cellphoneError").text("手机不能为空");
                bool = false;
            }
            if (!$(":text[name=email]").val()) {
                $("#emailError").text("email不能为空");
                bool = false;
            }
            if (bool) {
                $("form").submit();
            }
        }
    </script>
    <style type="text/css">
        .error {
            color: red;
        }
    </style>
</head>

<body>
<center>
    <h3 align="center">添加客户</h3>
    <!-- enctype="multipart/form-data" -->
    <form action="${pageContext.request.contextPath }/customer/addCustomer.do"
          method="post" enctype="multipart/form-data">
        <table border="0" width="40%" style="margin-left: 100px;">
            <tr>
                <td width="100px">客户名称</td>
                <td width="40%"><input type="text" name="cname"/></td>
                <td align="left"><label id="cnameError" class="error">&nbsp;</label>
                </td>
            </tr>
            <tr>
                <td>客户性别</td>
                <td><input type="radio" name="sex" value="男" id="male"/> <label
                        for="male">男</label> <input type="radio" name="sex" value="女"
                                                    id="female"/> <label for="female">女</label></td>
                <td><label id="genderError" class="error">&nbsp;</label></td>
            </tr>
            <tr>
                <td>客户生日</td>
                <td><input type="text" name="brithday" id="birthday"
                           readonly="readonly"/></td>
                <td><label id="birthdayError" class="error">&nbsp;</label></td>
            </tr>
            <tr>
                <td>手机</td>
                <td><input type="text" name="cellphone"/></td>
                <td><label id="cellphoneError" class="error">&nbsp;</label></td>
            </tr>
            <tr>
                <td>邮箱</td>
                <td><input type="text" name="email"/></td>
                <td><label id="emailError" class="error">&nbsp;</label></td>
            </tr>
            <tr>
                <td>描述</td>
                <td><textarea rows="5" cols="30" name="description"></textarea>
                </td>
                <td><label id="descriptionError" class="error">&nbsp;</label>
                </td>
            </tr>
            <tr>
                <td>头像</td>
                <td>
                    <img  id="preview" height="160" width="120"
                          src="${pageContext.request.contextPath}/Images/Student/photo.jpg" style="padding: 2px 2px 5px; border: 1px #ddd solid;" />
                </td>
                <td>
                    <input  type="file" name="upload" onchange="setImgView('fileupload','preview');"  id="fileupload"  />
                </td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td><input type="button" value="添加客户" onclick="add()"/> <input
                        type="reset" value="重置"/></td>
                <td>&nbsp;</td>
            </tr>
        </table>
    </form>
</center>
</body>
</html>
